<template>
  <div class="box">
    <img src="../../../assets/pic/jiankangtoutiao.png" alt="" />
    <div class="gundong">
      <van-notice-bar left-icon="volume-o" :scrollable="false">
        <van-swipe
          vertical
          class="notice-swipe"
          :autoplay="4000"
          :show-indicators="false"
          background='white'
        >
          <van-swipe-item>程序员是不是不配拥有爱情？</van-swipe-item>
          <van-swipe-item>程序员用什么牌子洗发水？</van-swipe-item>
          <van-swipe-item>程序员是不是经常加班？</van-swipe-item>

        </van-swipe>

      </van-notice-bar>

    </div>
     <img src="../../../assets/pic/pic1.jpg" alt="">
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.box {
  display: flex;
  margin: 10px;
  background: white;
  img {
    width: 2.5rem;
    height: 2.5rem;
    padding: 16px;
  }
  .gundong{
    width: 65%;

  }
   .notice-swipe {
    height: 40px;
    line-height: 40px;
  }
  .van-notice-bar{
    margin-top: 20px;
    background: white;
  }

}

</style>
